<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="div">
        hello
        <a href=""></a>
        world
        <!-- 123123 -->
    </div>
</body>
<script>
    // url的组成
    // https://detail.tmall.com:443/item.htm?id=614420893258&spm=a21bo.jianhua.201876.5.5af911d9tmtRrg&scm=1007.40986.275655.0&pvid=c7f2118d-d236-491b-94ac-a93ddbcacc95#a

    // location = {
    //     protocol,
    //     hostname,
    //     host,
    //     origin,
    //     port,
    //     pathname,
    //     search,
    //     hash,
    //     url,
    //     reload(){}
    // }

    // navigator.userAgent

    // DOM 
    // HTML DOM

    // DOM节点
    // 文档节点
    // 元素节点
    // 属性节点 
    // 文本节点
    // 注释节点

    // 父节点 子节点  同胞节点

    // 元素节点的查找
    // 获取和操作属性节点  

    // 页面加载时只做绑定=> JS和浏览器约定好,如果有人点击了文档,浏览器帮我执行onclick属性存储的函数
    // 点击时执行 =>  有人点击了文档,浏览器帮我执行onclick属性存储的函数
    document.onclick = function () {
        // this -> document
        console.log(this);
        function fn() {
            console.log(this);
        }
        fn();
    }





</script>

</html>